<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es_ES" lang="es_ES" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
		<title>Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</title>
	
		<meta name="author" content="Runroom http://www.runroom.com" />
		<meta name="language" content="es_ES" />
		<meta http-equiv="content-style-type" content="text/css" />
		<meta http-equiv="content-script-type" content="text/javascript" />
		<meta name="robots" content="index,follow" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />

		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

		<!-- hojas de estilo //-->
<!-- 
		<link media="all" rel="stylesheet" href="css/pre-v3.css">
 -->
		<link media="all" rel="stylesheet" href="css/styles.css" />
		<link media="all" rel="stylesheet" href="css/custom.css" />
		<link media="all" rel="stylesheet" href="css/qp-v3.css" />

		<!-- conditional comment: CSS para Explorer 7 y menor //-->
			<!--[if lte IE 7]>
				<link rel="stylesheet" href="css/ie7menos.css" />
			<![endif]-->
	
		<!-- incluir scripts //-->
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/jquery.periodicalupdater.js"></script>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=ABQIAAAAzClpJywkGASi3cdCCxdvnBRyVQWqmkHGDTi57WK1YtyDytrQIhQNeQ5HGi7cnaGyd90vRPydCOgxrA&amp;sensor=false&amp;language=es_ES&amp;v=3.1&amp;region=ES"></script>
		<script type="text/javascript" src="js/json2.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/locationSelector.js"></script>
		<script type="text/javascript" src="js/jquery.flip.min.js"></script>
		<script type="text/javascript" src="js/jquery.countdown.js"></script>
		<script type="text/javascript" src="js/jquery.countdown-es_ES.js"></script>
		<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
		<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
		<script type="text/javascript" src="js/localscroll.js"></script>
		<script type="text/javascript" src="js/jquery.curvycorners.min.js"></script>
		<script type="text/javascript" src="js/jquery.fullscreenr.js"></script>	
		<script type="text/javascript" src="js/qp_tabs.js"></script>
		<script type="text/javascript" src="js/jquery.Jcrop.min.js"></script>
		<script type="text/javascript" src="js/fileuploader.js"></script>
		<script type="text/javascript" src="js/s3Capcha.js"></script>
		<script type="text/javascript" src="js/feeds.js"></script>
		<script type="text/javascript" src="js/feeds_home.js"></script>
<!-- 
		<script type="text/javascript" src="js/headerscripts.js"></script>
 -->
		<!-- end incluir scripts //-->

	</head>
	
	<body>
		<a name="top"></a>
		<div id="fb-root"></div>
	
		<noscript>
			<div id="aviso_js">
				<p>Lo sentimos, pero esta web sólo funciona con Javascript activado.</p>
			</div>
		</noscript>

		<!-- conditional comment: aviso para Explorer 6 y menor //-->
			<!--[if lte IE 6]>
				<div id="aviso_ie">
					<p><strong>Hemos detectado que utilizas Internet Explorer 6</strong>, un navegador obsoleto, con problemas de seguridad y compatibilidad conocidos.</p>
					<p>Recomendamos que actualices tu navegador <a href="http://www.browserchoice.eu">en la web de browserchoice.org, haciendo clic aquí</a></p>
				</div>
			<![endif]-->

		<div class="header">
			<div class="session-links">
				<a title="Accede a tu cuenta Qporama" href="registro">Inicia sessión</a>
				<a title="Crea una cuenta Qporama" href="registro">Regístrate</a>
			</div> <!-- / .social-links -->	
			
			<div class="social-links">
				<a title="Visita la página Facebook de Qporama" class="facebook" href="facebook"><span>facebook</span></a>
				<a title="Visita la página Twitter de Qporama" class="twitter" href="twitter"><span>twitter</span></a>
			</div> <!-- / .social-links -->	
	
	
			<h2 class="logo_claim">
				<a class="logo" name="top" title="volver a la página de inicio" href="index.html">
					<span class="hidden">Qporama: Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</span>
				</a>
			</h2>
			<h1 class="claim">
				Conecta con tus <strong>marcas</strong> favoritas y <br />accede a <strong>regalos</strong> y ofertas <strong>exclusivas</strong>
			</h1>
		</div> <!-- / .header -->
	
		<div class="fondo-pagina" style="background: url(css/css_images/fondo-home-beige.jpg);">
			<div class="gradient">&nbsp;</div>
		</div>

		<div class="user">
			<div class="profile">
				<p class="profile-pic"><span class="corners w50px l" style="margin-right: 10px;"><img id="profile-img-photo-booth" src="images/users/perfil-201011241238-a.jpg" alt="Maria" width="50px" height="50" /><span class="cornersgris"></span></span></p>
				<p><span class="bienvenido">Bienvenida, <strong>María</strong>!</span> <small class="bot-salir"><b></b><a href="#">Salir</a></small> </p>
				<p class="mis_cosas">
				<span class="active"><b></b><a href="#">mi perfil</a></span>
				<span><b></b><a href="#">mis tarjetas</a></span>
				<span><b></b><a href="#">mis compras</a></span>
				</p>
			</div> <!-- cerrar profile //-->
			<div class="mensajes">
				<h2 class="titulo-principal">Estás logueadoooo!</h2>
			</div><!-- cerrar mensajes //-->
		</div><!-- cerrar user //-->



		<div class="buscar">
			<form action="#" method="get">
				<p class="fondo-input-buscar l"><input type="text" id="buscar" value="Busca un negocio o una oferta" /></p>

				<ul class="fondo-select selecciona-categoria">
					<li class="catselector-link" onclick="$('#CatSelector').slideToggle('fast');">Selecciona una categoría
						<ul id="CatSelector">
							<li><a title="Moda y Complementos" href="#">Comer y beber</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
						</ul>
					</li>
				</ul>

				<p class="fondo-select l" style="position: relative; left: -2px; z-index: 0;"><input type="text" id="location_selector_ciudad" value="Barcelona" /> <small><a id="location_selector_ciudad_cambiar" href="javascript:;">[cambiar]</a></small></p>
				<p class="boton secundario grande l"><input type="submit" value="buscar" /></p>
			</form>
		</div> <!-- cerrar buscar //-->

<!-- aqui empieza el div class="page -->

<div class="page">

<!-- columna de contenido lateral //-->
		<div class="c-320">

			<div id="tarjeta" class="member">
				<div id="front" style="background: url(images/custo/tarjeta/tarjeta_front.jpg) 0 0 no-repeat;">
					<div class="t-content">
						<div class="t-anunciante">
							<div class="t-anunciante-logo"><img src="images/custo/tarjeta/tarjeta_logo.png" alt="CUSTO Barcelona" /></div>
							<h5 class="t-anunciante-nombre">CUSTO <span>Barcelona</span></h5>
						</div> <!-- cerrar t-anunciante //-->
					</div> <!-- cerrar t-content //-->
				</div> <!-- cerrar front //-->
				<div id="back">
					<div class="t-content">
					<p class="t-number l50">123456789-10</p>
					<p class="peque r50"><a href="loyalty.html">[Cómo consigo puntos]</a></p>
					
					<div class="popup">
						<div class="row member ticked"><div class="estrella"></div><p class="pqarial">por conectarte <span class="tick"></span></p></div>
						<div class="row premium"><div class="estrella"></div><p class="pqarial"><span class="numero">150</span> puntos</p></div>
						<div class="row vip"><div class="estrella"></div><p class="pqarial"><span class="numero">350</span> puntos</p></div>
					</div>

					</div> <!-- cerrar t-content //-->
				</div>
				<div id="info">i</div>
				<div id="volver">&lt;</div>		
				<div class="marco"><span class="resplandor"></span></div>

	<!-- COMPARTIR //-->
			<p class="sharetrigger small" onclick="$('#st-tarjeta').fadeIn('slow');"><a href="#">[compartir]</a></p>
			<!-- tooltip element -->
			<div class="sharetip" id="st-tarjeta">
				<div class="caja c140 fl-arriba">
					<div class="content">
						<p><small class="soft">Comparte esta oferta</small></p>
						<div class="shareoptions">
							<p><a href="#">Facebook share</a></p>
							<p><a href="#">Facebook like</a></p>
							<p><a href="#">Twitter</a></p>
							<p><a href="#">Google Buzz</a></p>
							<p><a href="#">Digg</a></p>
							<p><a class="e-mail" href="#">enviar e-mail</a></p>
						</div> <!-- cerrar shareoptions //-->
					</div>
					<div class="cierre"></div>
				</div> <!-- cerrar caja //-->
				<!-- p class="thecloser"><a title="cerrar" class="close" href="#"><span>cerrar</span></a></p //-->
			</div> <!-- cerrar sharetip //-->
	<!-- CERRAR COMPARTIR //-->


			</div> <!-- cerrar #tarjeta //-->

		</div> <!-- cerrar columna de 320px de ancho //-->



<!-- columna de contenido principal //-->
		<div class="c-620">

	<!-- caja nombre anunciante fondo gris //-->
			<div class="caja c620 f1f1f1 unido-top" id="oferta">
				<div class="content">
					<h2 class="titulo-principal">Grand Hotel Central</h2>
					<p class="soft">Vía Laietana, 30, 08003 Barcelona <small><a href="#mapa">[ver mapa]</a></small></p>
				</div>
				<div class="cierre"></div>
			</div> <!-- cerrar caja //-->

	<!-- caja oferta fondo blanco //-->
		<div class="caja c620 unido-bot">
			<div class="content">

				<div class="scroll">
					<div class="pics">
						<div><img src="images/custo/ofertas/accesorios/fotos-oferta/gafas1.jpg" alt="" /><span class="cornersfff"></span></div>
					</div>
				</div> <!-- cerrar scroll //-->

				<div class="ofertacontent">
					<!--h1 class="oferta" onmouseover="$('#st-oferta').fadeIn('slow');">Spa, sauna y baño turco, piscina activa</h1//-->
					<h1 class="oferta">Spa, sauna y baño turco, piscina activa </h1>
					<div class="price-buy">
						<p class="price">
						<span class="desde">desde</span>
							<strong>180,25</strong> €
						</p>
						<div class="buy">
							<p class="boton primario grande"><a title="compra" href="#">compra ya</a></p>

<!--  TOOLTIP -->
	<div class="precio-hover" class="member">
		<div class="t-content">
			<p class="leyenda"><small>si eres:</small><small>pagas:</small></p>
			<div class="popup">
				<div class="row member"><div class="estrella"></div><p class="pqarial"><span class="numero">90 &euro;</span><span class="tick"></span></p></div>
				<div class="row premium"><div class="estrella"></div><p class="pqarial"><span class="numero">85 &euro;</span><span class="tick"></span></p></div>
				<div class="row vip"><div class="estrella"></div><p class="pqarial"><span class="numero">80 &euro;</span><span class="tick"></span></p></div>
			</div>

			<p class="footnote small">Aprovechando esta oferta automaticamente te conviertes en MEMBER</p>

		</div> <!-- cerrar t-content //-->
	</div>
<!--  cerrar TOOLTIP -->

						</div> <!-- cerrar buy //-->
					</div> <!-- cerrar price_buy //-->

				<div class="counter-discount">
					<div class="contador">
						<div id="defaultCountdown"></div>
						<small class="micro counter-title">la oferta caduca en:</small>
					</div> <!-- cerrar contador //-->

					<div class="discount">
						<div class="hasCountdown">
							<span class="countdown_row countdown_show3">
								<span class="countdown_section">
									<span class="countdown_amount">11,25 €</span><br />VALOR REAL</span>
								<span class="countdown_section">
									<span class="countdown_amount">20,25 %</span><br />DESCUENTO <small class="micro counter-title">HASTA</small></span>
								<span class="countdown_section">
									<span class="countdown_amount">30,25 €</span><br />AHORRO <small class="micro counter-title">HASTA</small></span>
							</span>
						</div>
					</div> <!-- cerrar discount //-->

				</div> <!-- cerrar counter-discount //-->

				<p class="oferta-detalles"><small>
					<strong>Detalles</strong><br />
					Descubre los poderes del Mar Muerto con este completo tratamiento de 75 min. que incluye peeling corporal con sales, aceite equilibrante
					<br /><a href="#detalles-oferta">[leer más]</a></small>
				</p>

			</div> <!-- cerrar ofertacontent //-->

			<div class="clear">&nbsp;</div>



	<!-- COMPARTIR //-->
			<p class="sharetrigger small" onclick="$('#st-oferta').fadeIn('slow');"><a href="#">[compartir]</a></p>
			<!-- tooltip element -->
			<div class="sharetip" id="st-oferta">
				<div class="caja c140 fl-abajo">
					<div class="content">
						<p><small class="soft">Comparte esta oferta</small></p>
						<div class="shareoptions">
							<p><a href="#">Facebook share</a></p>
							<p><a href="#">Facebook like</a></p>
							<p><a href="#">Twitter</a></p>
							<p><a href="#">Google Buzz</a></p>
							<p><a href="#">Digg</a></p>
							<p><a class="e-mail" href="#">enviar e-mail</a></p>
						</div> <!-- cerrar shareoptions //-->
					</div>
					<div class="cierre"></div>
				</div> <!-- cerrar caja //-->
				<!-- p class="thecloser"><a title="cerrar" class="close" href="#"><span>cerrar</span></a></p //-->
			</div> <!-- cerrar sharetip //-->
	<!-- CERRAR COMPARTIR //-->

			</div> <!-- cerrar content //-->
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->


	<!-- caja localizar establecimiento fondo blanco //-->
		<div class="caja c620">
			<div class="content">
				<div class="condiciones"> 
					<h4><strong class="peque">Condiciones</strong></h4>
					<div class="condiciones-bullits peque">
						<ul>
							<li>No acumulable a otras ofertas.</li>
							<li>Imprescindible comunicar previamente que tienes un Qpon Qporama para canjear esta oferta.</li>
							<li>Cita previa: 912812725.</li>
							<li>Cupón no canjeable por dinero.</li>
							<li>Cupón únicamente canjeable por la compra del producto ofertado.</li>
							<li>Oferta hasta fin de existencias.</li>
						</ul>
					</div> <!-- cerrar condiciones-bullits.peque //-->
					<div class="cierre cierre-condiciones"></div>
				</div> <!-- cerrar condiciones //-->

				<h2 class="titulo-principal">Elige tu establecimiento</h2>

				<h2 class="titulo-principal light">Tienda on-line</h2>
					<p><a href="javascript:;">Gran Via Carlos III, 101</a></p>
					<p><small>Aquí te explicamos como funciona el sistema con una tienda on-line ipsum dolor sit amet.</small></p>
					<p><img src="images/custo/tienda-online.jpg" alt="Tienda online Custo Barcelona" class="screenshot" /></p>

				<h2 class="titulo-principal light">Tienda físicas</h2>
				<div class="cambia-ciudad">
					<p><span class="soft">Estás en</span> <input type="text" value="" id="location_selector_ciudad" /> <small><a id="location_selector_ciudad_cambiar" href="javascript:;">[cambiar]</a></small></p>
				</div> <!-- cerrar cambia-ciudad //-->

				<!-- google-map-widget //-->
				<div id="listadoContainer">
					<input id="distance" value="15000" type="hidden" />
					<p><label for="address" class="xtrasoft">nombre/ barrio/ calle/ codigo postal:</label></p>
					<p class="fondo-input predictive" style="position: relative; left: -2px; z-index: 0;"><input id="address" value="" type="text" style="width: 240px;" /></p>
					<div id="listado"></div>
					<div id="moreBtn" name="moreBtn">ver más <span>&#8595;</span></div>
					<div class="contenedor-mapa">
						<div id="mapa"></div>
					</div>
				</div>


				<div class="clear">&nbsp;</div>
			</div> <!-- cerrar content //-->
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->


	<!-- caja localizar establecimiento fondo blanco //-->
		<div class="caja c620" id="detalles-oferta">
			<div class="content">
				<h2 class="titulo-principal">Detalle de la oferta</h2>
				<div class="descripcion">
					<p class="peque"><strong>Tratamiento con sales y barros del mar muerto.</strong> Descubre los poderes del Mar Muerto con este completo tratamiento de 75 min. que incluye peeling corporal con sales del Mar Muerto, envoltura con barros del Mar Muerto y masaje con aceite Equilibrante. Este tratamiento está especialmente indicado para después de exposiciones al sol, favorece la eliminación de toxinas, el drenaje y la desintoxicación de los tejidos. Sus múltiples minerales tienen efectos calmantes y relajantes además de nutritivos para la piel. Sigue tu tramiento en casa y cuidate con el ACEITE EQUILIBRANTE, alcanza la armonía de una belleza y salud integral.</p>
					<p class="peque"><object width="580" height="385"><param name="movie" value="http://www.youtube.com/v/RdAvxP1Xmzs?fs=1&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="opaque"></param><embed src="http://www.youtube.com/v/RdAvxP1Xmzs?fs=1&amp;hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="580" height="385" wmode="opaque"></embed></object></p>
					<p class="peque separar"><strong>Condiciones</strong><br />No acumulable a otras ofertas. Cita previa: 912812725. Imprescindible comunicar previamente que tienes un Qpon Qporama para canjear esta oferta. Cupón no canjeable por dinero. Cupón únicamente canjeable por la compra del producto ofertado. Oferta hasta fin de existencias.</p>

					<div class="buy">
							<p class="boton primario grande"><a title="compra" href="#">compra ya</a></p>
					</div> <!-- cerrar buy //-->

				</div>

				<div class="clear">&nbsp;</div>
			</div> <!-- cerrar content //-->
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

			<div class="clear">&nbsp;</div>
		</div> <!-- cerrar columna de 620px de ancho //-->

		<div class="entera promos"></div> <!-- cerrar columna de 100% de ancho //-->
		<div class="entera footer"></div> <!-- cerrar columna de 100% de ancho //-->

	</div><!-- cerrar page //-->
<div id="gototop"><p><a href="#top">volver arriba</a></p> </div>

</body>
</html>